<%@ page contentType="text/html;charset=UTF-8" language="java" %><%@ page contentType="text/html;charset=UTF-8" language="java" %>
 <script type="text/javascript">  
		$(document).ready(function(){  
		    $("#login-link").click(function(){  
		        $("#login-panel").slideToggle(200);  <!-- het sliden van het paneel --!>
		    })  
		    $("#loginLink").click(function(){
		    	$("#login-panel").slideToggle(200);
		    })
		})  
		<!-- we binden een keyevent aan de esc-knop om het paneel weg te faden -->  
		$(document).keydown(function(e) {  
		    if (e.keyCode == 27) {  
		        $("#login-panel").hide(0);  
		    }  
		});  
	</script>
<a id="login-link" title="Login">Login</a> 
  		<div id="login-panel">  
			<form action="/verifyStudent" method="post">  
			<label>Username:  
			<input name="username" type="text" value=""> </label>   
			<label>Password:  
			<input name="password" type="password" value=""> </label>  
			<input type="submit" name="submit" value="Log in">  
			<small>Press ESC to close</small>  
			</form>  
			  
			<!-- login-panel ends here -->  
		</div>  